$(function(){
    $('#header').eq(0).click(function(){
        location.href='../index.html'
    })
    let str=''
    let classifyStr=''
    let titleid
    let uu=document.querySelector('.main>ul')
    let lis=document.querySelectorAll('.main>ul>li')
    fetch('http://chst.vip:1234/api/getcategorytitle')
    .then(body=>body.json())
    .then(res=>{
        let ids=[]
        res.result.forEach(item=>{
            titleid=item.titleId
            ids.push(titleid)
            str+=`<li titleid=${item.titleId}>
            <div>
            <span>${item.title}</span>
            <b>▼</b>
            </div>
            <div class='container'></div>
            
        </li>`
        })
        uu.innerHTML=str
        return ids
    })
    .then(async ids=>{
        let container=document.querySelectorAll(".container")
        let bjsearch=ids.map(titleid=>{
            return fetch("http://chst.vip:1234/api/getcategory?titleid="+titleid)
            .then(body=>body.json())
            .then(res1=>{
                let str=''
                res1.result.forEach(item=>{
                    str+=`<a categoryid=${item.categoryId}  title=${item.category}>${item.category}</a>`
                })
                return str
            })
        })
        let res = await Promise.all(bjsearch)
        res.forEach((item,index)=>{
            container[index].innerHTML=item
        })
        $('.main>ul').find('.container').prop('flag',false)
        $(".main>ul>li>div:nth-of-type(1)").click(function(){
            let flag=$(this).parent().find('.container').prop('flag')
            if(flag){
                $(this).parent().find('.container').slideUp(200).prop('flag', false)
                return
        }
        $(this).parent().find('.container').slideDown(200).prop('flag', true).parent().siblings().find('.container').slideUp(200).prop('flag', false)
        })
        $('.main>ul>li>.container>a').click(function(){
            let categoryid=$(this).attr('categoryid')
            let title=$(this).attr('title')
            location.href='./bjsearchList.html?title='+title+'&categoryid='+categoryid
        })
    })
    
})